@titlefz:0.36rem;
@c:#333333;
@timebgc:#cccccc;
@timefz:0.24rem;
@timec:#ffffff;

@tzbgc:#ffffff;
@tztitlec:#333333;
@tztitlefz:0.28rem;

@tzinfoc:#808080;
@tzinfofz:0.24rem;

*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
}

html,body{
  height: 100%;
}

body{
  background-color: #f6f6f6;
}
header {
  .title {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7.5rem;
    height: 0.74rem;
    background-color: #fff;

    a {
      position: absolute;
      left:0.08rem;
      &.zdy::before{
        font-size: 0.54rem;
        color: @c;
      }
    }

    span{
      color: @c;
      font-size: @titlefz;
    }
  }
}

.content{
  width: 7.5rem;
  ul{
    li{
      &.ji{
        height: 1.14rem;
        display: flex;
        justify-content: center;
        align-items: center;
        .time{
          width: 1.62rem;
          height: 0.51rem;
          line-height: 0.51rem;
          text-align: center;
          border-radius: 25px;
          background-color: @timebgc;
          color: @timec;
          font-size: @timefz;
        }
      }
      &.ou{
        display: flex;
        align-items: center;
        width: 6.7rem;
        margin: 0 auto;
        padding: 0.38rem 0 0.4rem;
        background-color: @tzbgc;
        .info {
          width: 6.7rem;
          p {
            width: 6rem;
            margin: 0 auto;
            line-height: 0.47rem;
            &:first-child {
              font-weight: bold;
              font-size: @tztitlefz;
              color: @tztitlec;
            }
            &:last-child {
              font-size: @tzinfofz;
              color: @tzinfoc;
            }
          }
        }
      }
    }
  }
}